:root {
    /* 默认明亮模式下顶部的背景色 */
  --top-background-color: #ffffff;

  /* 默认明亮模式下主体的背景色 */
  --body-background-color:#f5f5f5;

    /* 默认明亮模式下的侧边菜单组件背景色 */
  --menu-background-color: #314155;

    /* 默认明亮模式下的侧边菜单子项背景色 */
  --menu-item-background-color: #314155;

    /* 默认明亮模式下激活时的侧边菜单子项背景色 */
  --menu-active-background-color: #283444;

    /* 默认明亮模式下展开时的侧边菜单背景色 */
  --menu-open-background-color: '';
}

:root.dark {
    /* 暗黑模式下顶部的背景色 */
  --top-background-color: #000000;

  /* 暗黑模式下主体的背景色 */
  --body-background-color: #000000;

  /* 暗黑模式下的侧边菜单组件背景色 */
  --menu-background-color: #000000;

  /* 暗黑模式下的侧边菜单子项背景色 */
  --menu-item-background-color: #000000;

  /* 暗黑模式下激活时的侧边菜单子项背景色 */
  --menu-active-background-color: #4e9dfd;

  /* 暗黑模式下展开时的侧边菜单背景色 */
  --menu-open-background-color: '';
}